<?xml version="1.0" encoding="UTF-8"?>
<nifty-styles xmlns="http://nifty-gui.sourceforge.net/nifty-styles-1.3.xsd" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://nifty-gui.sourceforge.net/nifty-styles-1.3.xsd http://nifty-gui.sourceforge.net/nifty-styles-1.3.xsd">
  <registerMouseCursor id="textFieldCursor" filename="textfield/mouse-cursor-textfield.png" hotspotX="3" hotspotY="12"/>

  <!-- the background of the textfield -->
  <style id="nifty-textfield#panel">
    <attributes childLayout="overlay" height="23px" />
  </style>

  <!-- the actual input field -->
  <style id="nifty-textfield#field">
    <attributes childLayout="center" visibleToMouse="true" childClip="true" backgroundColor="#666f" padding="0px,2px"/>
    <effect>
      <onActive name="border" color="#222f" post="true" inset="1px" />
      <onFocus name="colorBar" color="#800f" post="true" inset="1px" />
      <onHover name="changeMouseCursor" id="textFieldCursor" />
      <onHover name="border" color="#822f" post="true" />
      <onEnabled name="renderQuad" startColor="#2228" endColor="#2220" post="true" length="150" />
      <onDisabled name="renderQuad" startColor="#2220" endColor="#2228" post="true" length="150" />
    </effect>
  </style>

  <!-- the text in the input field -->
  <style id="nifty-textfield#text" base="base-font">
    <attributes color="#000f" selectionColor="#f00f" visibleToMouse="false" align="left" valign="center" textHAlign="left" />
    <effect>
      <onFocus name="textColor" post="false" color="#cccf" />
    </effect>
  </style>

  <!-- the cursor is rendered in a separate layer on top of the input field and this is the parent panel of this -->
  <style id="nifty-textfield#cursor-panel">
    <attributes childLayout="absolute" padding="0px,2px" />
  </style>

  <!-- the actual cursor -->
  <style id="nifty-textfield#cursor">
    <attributes filename="textfield/cursor-empty.png" />
    <effect>
      <onCustom name="imageOverlayPulsate" period="250" timeType="infinite" pulsateType="rectangle" filename="textfield/cursor.png" post="true"/>
    </effect>
  </style>

</nifty-styles>
